/*
	main.css
	Global Stylesheet
	Created: 
	Creator: Matt Kircher
*/

/* Imported Styles
--------------------------------------------------------*/
@import url("reset.css");
@import url("forms.css");
@import url("clearing.css");


/* General
--------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	background-color:#000;
}

a{ color:#D7A422; font-weight:bold; text-decoration:none; }
a:hover{ color:#D7A422; }

h1, h2, h3, h4, h5, h6{ color:#D7A422; font-weight:bold; font-size:0.875em; }

hr{ color:#414141; background-color:#414141; height:1px; width:100%; margin:20px 0px; border:none; }

/* Classes
--------------------------------------------------------*/	
	
	.subhead{ font-size:0.875em; }
	
	/*css3 drop shadow*/
	.dropshadow{
		-moz-box-shadow: 2px 2px 2px #000;
		-webkit-box-shadow: 2px 2px 2px #000;
		box-shadow: 2px 2px 2px #000;
	}
	
	.warning{ font-weight:bold; min-height:16px; padding-top:5px; padding-left:26px; background:url(../images/icon_warning.png) top left no-repeat transparent; }
	.info{ min-height:16px; padding-top:5px; padding-left:26px; background:url(../images/icon_info.png) top left no-repeat transparent; }
	.personel{ min-height:16px; padding-top:5px; padding-left:26px; background:url(../images/icon_personel.png) top left no-repeat transparent; }
	.license, .document{ min-height:16px; padding-top:5px; padding-left:26px; background:url(../images/icon_document.png) top left no-repeat transparent; }
	
	span.status{ display:block; float:left; height:23px; width:22px; text-indent:-10000px; overflow:hidden; }
	span.active{ background:url(../images/icon_statuses.png) top left no-repeat transparent; }
	span.sleeping{ background:url(../images/icon_statuses.png) -22px 0px no-repeat transparent; }
	span.inactive{ background:url(../images/icon_statuses.png) top right no-repeat transparent; }
	
	a.button{ display:block; float:left; padding:3px 7px 4px; background-color:#373737; color:#878787; font-weight:bold; cursor:pointer; }
	a.button:hover{ background-color:#494949; color:#CCC; }
	
	a.color_button{ display:block; float:left; padding:3px 7px 4px; background-color:#4892B7; color:#FFF; font-weight:bold; cursor:pointer; }
	a.color_button:hover{ background-color:#5A9DBE; color:#FFF; }
	
	.float_left{ float:left !important; }
	.float_right{ float:right !important; }
	
	.place_holder{ background-color:#414141; border:1px dotted #999; }


/* Wrap
--------------------------------------------------------*/
#wrap{
	text-align:left;
	margin:auto;
	width:1200px;
	background:url(../images/tray_bg_mid.jpg) top left repeat-y;
	padding:0px;
	margin-top:10px !important;
	margin-bottom:10px !important;
}

/* Header
--------------------------------------------------------*/
#header{ height:33px; padding:7px 50px 0px 50px; border-bottom:1px solid #000; background:url(../images/header_bg.jpg) left center no-repeat #484848; }


	/* Logo */
	#logo{ display:inline; }
	#logo a{ display:block; width:324px; height:30px; float:left; position:relative; text-indent:-100000px; overflow:hidden; background:url(../images/cam_logo.png) top left no-repeat transparent; }
	
			
	/* main-nav */
	#main-nav{ float:right; }
	#main-nav li{ float:left; padding:3px 7px 4px; margin-left:5px; }
	#main-nav li:first-child{ margin-left:0px; }
	#main-nav li.selected{ background-color:#4892B7; }
	
	#main-nav li a{ color:#FFF; }
	#main-nav li:hover{ background-color:#666; }
	
	#main-nav li.selected:hover{ background-color:#5A9DBE; }
	#main-nav li.selected a:hover{ color:#FFF; }


/* Breadcrumb
--------------------------------------------------------*/
#breadcrumb{ height:30px; background-color:#949290; padding:0px 50px; }
	#breadcrumb ul{ float:right; }
	#breadcrumb ul li{ font-size:0.689em; color:#474747; float:left; margin-left:10px; padding-top:9px; }
	#breadcrumb ul li:first-child{ margin-left:0px; }
	#breadcrumb ul li strong{ color:#FFF; }
	#breadcrumb #logout{ padding-top:6px; }

	
/* Content
--------------------------------------------------------*/
#content{
	background:url(../images/tray_bg_top.jpg) top left no-repeat transparent;
	min-height:575px;
	padding:50px; 
}
* html #content{ height:595px; }

#content p, #content ul, #content ol, 
#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6{ padding-bottom:10px; }

	/* app windows + parts */
	.app_window_wrapper{ position:relative; left:50%; float:left; }
	
		.app_window, .app_window_message{ position:relative; right:50%; }
		
		.app_window_message{ color:#FFF; font-size:0.689em; }
		
		.app_window{ background-color:#373737; border:3px solid #666; }
			
			.app_close_button{ display:inline; margin-bottom:-21px; }
			.app_close_button a{ height:21px; width:21px; margin-bottom:-21px; margin-right:-21px; background:url(../images/icon_close.png) top left no-repeat transparent; float:right; text-indent:-10000px; overflow:hidden; position:relative; top:5px; left:-25px; z-index:2; }
			
			.app_add_button{ display:inline; }
			.app_add_button a{ display:block; height:18px; padding-left:25px; padding-top:3px; background:url(../images/icon_add.png) top left no-repeat transparent; position:relative; color:#FFF; }
			
			.app_window_toolbar{ float:right; position:relative; top:-23px; margin-bottom:-21px; margin-right:10px; }
			.app_window_toolbar li{ float:left; margin-left:10px; }
			.app_window_toolbar li:first-child{ margin-left:0px; }
			* html .app_window_toolbar{ float:none; top:0px; margin-bottom:0px; }
			
			.app_window_layout{ padding:10px; position:relative; z-index:1; color:#A2A2A2; }
			.app_window_layout p, .app_window_layout li{ font-size:0.689em; }
			.app_window_layout p strong, .app_window_layout li strong{ color:#FFF; }

			.app_window_help{ color:#DADADA; background-color:#5F5F5F; font-size:0.625em; line-height:1.5em; padding:10px; position:relative; z-index:1; }
			.app_window_help h1, .app_window_help h2, .app_window_help h3, 
			.app_window_help h4, .app_window_help h5, .app_window_help h6{ font-size:1.4em; }
			.app_window_help h1 strong, .app_window_help h2 strong, .app_window_help h3 strong, 
			.app_window_help h4 strong, .app_window_help h5 strong, .app_window_help h6 strong{ color:#FFF; }
			
			.app_window_tray{ padding:10px; position:relative; z-index:1; color:#A2A2A2; }
			.app_window_tray p, .app_window_tray li{ font-size:0.689em; }
		
		
		.app_window table{}
		.app_window table th{ background-color:#7C7C7C; font-size:0.75em; padding:5px 10px; }
		.app_window table td{ font-size:0.689em; padding:2px 10px; vertical-align:middle; }
		.app_window table td span.status{ position:relative; top:6px; }
		.app_window table td p, .app_window table td li, .app_window table td button{ font-size:inherit; }
		.app_window table tbody tr td{ border-top:1px solid #6A6A6A; }
		.app_window table tbody tr:first-child td{ border-top:none; }
		
			table button.action_button{ display:block; width:21px; height:21px; text-indent:-10000px; overflow:hidden; }
			table button.close{ background:url(../images/icon_close.png) top left no-repeat transparent; }
			table tr.selected button.close{ background:url(../images/icon_remove.png) top left no-repeat transparent; }
				
		
		/* windows by ID */
		
		/* login + messaging */
		#login-window .app_window_message{ width:400px; }
		#login-window .app_window_layout{ float:left; width:290px; }
		#login-window .app_window_help{ float:right; width:110px; padding-top:28px; }
		#login-window .app_window_help h4{ display:none; }
		* html #login-window{ width:450px; }
		* + html #login-window{ width:450px; }
		
		#support-noaccess-window .app_window_message,
		#support-noaccess-window .app_window_layout,
		#support-noaccess-window .app_window_help{ width:450px; }
		#support-noaccess-window .app_window_help{}
		* html #support-noaccess-window{ width:475px; }
		* + html #support-noaccess-window{ width:475px; }
		
		#support-message-window .app_window_message,
		#support-message-window .app_window_layout,
		#support-message-window .app_window_help{ width:450px; }
		#support-message-window .app_window_help{}
		* html #support-message-window{ width:450px; }
		* + html #support-message-window{ width:450px; }
		
		/*accounts*/
		#accounts-window{ position:relative; left:0; }
		#accounts-window .app_window, #accounts-window .app_window_message{ right:0; }
		#accounts-window .app_window_message{ width:1100px; }
		#accounts-window .app_window_layout{ float:right; width:800px; color:#DADADA; background-color:#5F5F5F; }
		#accounts-window .app_window_tray{ float:left; width:250px; }
		* html #accounts-window .app_window_layout{ width:750px; }
			
			/*account tree*/
			#accounts-tree{ height:130px; }
			
			/*account view*/
			#accounts-window fieldset .app_close_button a{ top:-32px; left:-10px; z-index:2; }
		
		/*sessions*/
		#sessions-window{ position:relative; left:0; }
		#sessions-window .app_window, #sessions-window .app_window_message{ right:0; }
		#sessions-window .app_window_message{ width:1100px; }
		#sessions-window .app_window_layout{ float:right; width:800px; color:#DADADA; background-color:#5F5F5F; }
		#sessions-window .app_window_tray{ float:left; width:250px; }
			
			/*sessions inspector*/
			#session-inspector #session-user strong,
			#session-inspector .license_count,
			#session-inspector dt .version, #session-inspector dd{ color:#FFF; }
			
			#session-inspector #session-user{ padding-bottom:0px; }
			#session-inspector{ padding-bottom:20px; }
			#session-inspector dl{ font-size:0.689em; padding:0px 10px 0px 25px; }
			#session-inspector dt{ margin-bottom:5px; margin-top:15px; }
			#session-inspector dt:first-child{ margin-top:0px; }
			#session-inspector dt .suite{ float:left; }
			#session-inspector dt .version{ float:right; }
			#session-inspector dd{ padding-left:20px; font-weight:bold; }
			#session-inspector dd.license{ padding-left:26px; }
			
			/*sessions table*/
			#sessions-table th.status, #sessions-table td.status,
			#sessions-table th.actions, #sessions-table td.actions{ text-align:center; }
			#sessions-table td.status span.status{ top:0px; left:33%; }
			#sessions-table td.username{ font-weight:bold; }
			#sessions-table td.client_app{ font-style:italic; }
			#sessions-table th.fname, #sessions-table th.lname{ width:12%; }
			#sessions-table tr.selected td{ background-color:#A5BAC5; color:#373737; cursor:pointer; }
			#sessions-table tr.selected td.fname, #sessions-table tr.selected td.lname{ font-weight:bold; }
			#sessions-table tr.selected td.username{ color:#37718C; }

		
/* Footer
--------------------------------------------------------*/
#footer{ background:url(../images/tray_bg_bottom.jpg) top left no-repeat #484848; padding:40px 50px 20px; font-size:0.689em; color:#DADADA; }
	
	/* copyright */
	#copyright{}
	
	/* designed by */
	#designed-by{ display:none; }